<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function sendAjax(){
            //点击按钮以后通过ajax发送请求给servlet
            // 1.创建 XMLHttpRequest 对象
            var xhttp = new XMLHttpRequest();

            // 2.发送请求
            //设置需要发送请求访问哪个东西  可以是文件  可以是servlet地址
            xhttp.open("GET", "http://localhost:8080/web09/helloAjax");
            xhttp.send();//发送请求

            //3.处理响应的结果
            //为xhttp对象绑定状态发生改变的监听
            xhttp.onreadystatechange=function () {
                //判断响应成功和处理成功
                if(xhttp.readyState == 4 && xhttp.status == 200){
                    //请求和响应成功了
                    console.log(xhttp.responseText);//获取响应的字符串数据
                }
                
            }


        }
    </script>
</head>
<body>
<input type="button" onclick="sendAjax()" value="发送ajax">

</body>
</html>